<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <home-category></home-category>
        <!-- 新鲜好物 -->
        <homeNew subTitle="新鲜出炉 品质靠谱" title="新鲜好物"></homeNew>
        <!-- 热门品牌1 -->
        <homeHot subTitle="国际经典 品质保证" title="热门品牌"></homeHot>
        <!-- 热门品牌 -->
        <home-hot-brand></home-hot-brand>
        <!-- 商品区域 -->
        <home-product></home-product>
        <!-- 最新专题 -->
        <home-subject></home-subject>
      </div>
    </div>
  </div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
import homeCategory from "./components/homeCategory.vue";
import homeNew from "./components/homeNew.vue";
import homeHotBrand from "./components/homeHotBrand.vue";
import homeProduct from "./components/homeProduct.vue";
import HomeSubject from "./components/homeSubject.vue";
import homeHot from "./components/homeHot.vue";
export default {
  setup(props, { emit }) {},
  components: {
    homeCategory,
    homeNew,
    homeHotBrand,
    homeProduct,
    HomeSubject,
    homeHot,
  },
};
</script>

<style lang="scss" scoped></style>
